@import './../../util/styles/index.scss';
.professor_detail_bg {
  .crumbs {
    width: 100%;
    background: #CFC4C4;
    & .postion_div {
      line-height: 42px;
      width: $width;
      height: 42px;
      margin: auto;
      font-size:12px;
      color: #4C4C4C;
      font-family:MicrosoftYaHei;
    }
      & span {
        font-size:12px;
        font-family:MicrosoftYaHei;
        color: #e5371f;
      }
  }
  .professor_detail_container {
    display: flex;
    justify-content: space-between;
    width: $width - 30px;
    margin: auto;
    margin-top: 18px;
    background: white;
    padding: 15px 15px 80px 15px;
    min-height: 875px;
    .professor_anchor_point {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 229px;
      height: auto;
      // background: #cdcdcd;
      border: 1px solid #cdcdcd;
      .info {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
        img {
          width: 100px;
          height: 121px;
          object-fit: cover;
        }
        span {
          padding: 10px 0px;
          width: 100%;
          font-size: 16px;
          color: #1F6599;
          text-align: center;
        }
      }
      ul {
        list-style: none;
        margin-top: 15px;
        & li {
          cursor: pointer;
          text-align: center;
          padding: 10px 0px;
        }
      }
    }
    .professor_detail_content {
      width: calc(100% - 300px);
      & div {
        padding: 5px;
        & h3{
          font-size: 18px;
          font-weight: 500;
        }
        & span {
          font-size: 16px;
          color: #474747;
        }
      }
    }
  }
}